<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>登录</title>
    <link rel="stylesheet" href="./assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="./assets/css/lib.common.css">
    <link rel="stylesheet" href="./assets/css/animate3.1.5.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./assets/css/app.css">
    <script src="./assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="./assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="./assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body class="bg-white">

<!-- 选择语言start -->
<div class="lib-aside shadow2 animated" style="width: 80%;">
    <div class="mui-row">
        <div class="mui-col-xs-12 mui-col-sm-12 p_x5">
            <h4 class="inline line30">选择语言</h4>
            <i class="mui-icon mui-icon-back f_r text-danger line30" onclick="closeSide()"></i>
        </div>
        <div class="mui-col-xs-12 mui-col-sm-12 p_x5">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a url="" class="mui-navigate-right">简体中文</a>
                </li>
                <li class="mui-table-view-cell">
                    <a url="" class="mui-navigate-right">English</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 选择语言end -->

<!-- 头部start -->
<div class="mui-row login-header">
    <div class="mui-col-sm-12 mui-col-xs-12 p_x20 p_y25">
        <a href="#" class="f_l head-bar-search">
            <img src="./assets/image/xhdpi-v4/arrow_left.png">
        </a>
        <span  onclick="openSide()" class="f_r white line50">选择语言</span>
    </div>
    <div class="mui-col-sm-12 mui-col-xs-12 login-header-icon">
        <img src="./assets/image/xhdpi-v4/icon.png">
    </div>
</div>
<!-- 头部end -->

<form class="form" action="/mui_demo/login.php">
    <div class="mui-row login-content">
        <div class="mui-col-sm-12 mui-col-xs-12 p_x25 p_t25">
            <div class="mui-input-group p_t25">
                <div class="mui-input-row">
                    <label class="a_r">
                        <i class="mui-icon mui-icon-personadd bold"></i>
                    </label>
                    <input type="file" name="file" class="mui-input-clear font14" placeholder="请输入用户名">
                </div>
                <div class="mui-input-row">
                    <label class="a_r">
                        <i class="mui-icon mui-icon-personadd bold"></i>
                    </label>
                    <input type="text" name="username" class="mui-input-clear font14" placeholder="请输入用户名">
                </div>
                <div class="mui-input-row">
                    <label class="a_r">
                        <i class="mui-icon mui-icon-locked bold"></i>
                    </label>
                    <input type="password" name="password" class="mui-input-password font14" placeholder="请输入密码">
                </div>
            </div>
        </div>
        <div class="mui-col-sm-12 mui-col-xs-12 p_x25 p_y20">
            <a url="./忘记密码.html" class="f_r font14">忘记密码</a>
        </div>
        <div class="mui-col-sm-12 mui-col-xs-12 p_x25 p_y25">
            <button type="button" onclick="__submit('.form',null,validator)" class="w100 mui-btn mui-btn-primary line30 font16 radius20">登录</button>
        </div>
        <div class="mui-col-sm-12 mui-col-xs-12 p_x25 p_y5 flex-container flex-center">
            <a url="./注册.html" class="font14">还没账号？开始注册</a>
        </div>
    </div>
</form>

</body>
</html>
<script>
function validator(name,value){
	if(name==='username'&&value.trim().length===0){
		// 提示该信息
		return '用户名不能为空'
	}
	if(name==='password'&&value.trim().length===0){
		// 使用默认的提示信息
		return false;
	}
	// 最后永远返回true确保未验证项均通过
	return true;
}
</script>